<template>
	<view class="container_tags">
		<view class="tags" :style="{backgroundColor : bgColor + '50', color : ftColor}" v-for="(item, index) in tags"
			:key="index">
			<text>{{item}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "Tags",
		data() {
			return {

			};
		},

		props: {
			tags: {
				type: Array,
				default: () => []
			},
			bgColor: {
				type: String,
				default: '#3c9cff55'
			},
			ftColor: {
				type: String,
				default: '#fff'
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import 'Tags.scss';
</style>